import { Icon, IconProps, useColorModeValue, useToken } from "@chakra-ui/react"
import { defaultProps } from "./defaultProps"

export function ProviderPlaceholder(iconProps: IconProps) {
  const circleFillColorToken = useColorModeValue("gray.100", "gray.700")
  const circleFillColor = useToken("colors", circleFillColorToken)

  return (
    <Icon viewBox="0 0 68 68" {...defaultProps} {...iconProps}>
      <circle key="1" cx="34" cy="34" r="34" fill={circleFillColor} />
      <path
        d="M33.644 23.5901C33.7534 23.5311 33.8757 23.5002 34 23.5002C34.1243 23.5002 34.2466 23.5311 34.356 23.5901L44.106 28.8401C44.2251 28.9044 44.3245 28.9997 44.3939 29.1158C44.4632 29.232 44.4998 29.3648 44.4998 29.5001C44.4998 29.6354 44.4632 29.7682 44.3939 29.8844C44.3245 30.0006 44.2251 30.0959 44.106 30.1601L34.356 35.4101C34.2466 35.4691 34.1243 35.5 34 35.5C33.8757 35.5 33.7534 35.4691 33.644 35.4101L23.894 30.1601C23.775 30.0959 23.6755 30.0006 23.6062 29.8844C23.5368 29.7682 23.5002 29.6354 23.5002 29.5001C23.5002 29.3648 23.5368 29.232 23.6062 29.1158C23.6755 28.9997 23.775 28.9044 23.894 28.8401L33.644 23.5901Z"
        fill="currentColor"
      />
      <path
        d="M25.265 32.6021L32.933 36.7311C33.2609 36.9077 33.6275 37.0002 34 37.0002C34.3724 37.0002 34.7391 36.9077 35.067 36.7311L42.735 32.6011L44.105 33.3401C44.2241 33.4043 44.3235 33.4996 44.3928 33.6158C44.4622 33.732 44.4988 33.8648 44.4988 34.0001C44.4988 34.1354 44.4622 34.2682 44.3928 34.3843C44.3235 34.5005 44.2241 34.5958 44.105 34.6601L34.355 39.9101C34.2459 39.9687 34.1239 39.9994 34 39.9994C33.8761 39.9994 33.7541 39.9687 33.645 39.9101L23.895 34.6601C23.7759 34.5958 23.6765 34.5005 23.6071 34.3843C23.5378 34.2682 23.5012 34.1354 23.5012 34.0001C23.5012 33.8648 23.5378 33.732 23.6071 33.6158C23.6765 33.4996 23.7759 33.4043 23.895 33.3401L25.265 32.6021Z"
        fill="currentColor"
      />
      <path
        d="M32.933 41.2311L25.265 37.1011L23.895 37.8401C23.7759 37.9043 23.6765 37.9996 23.6071 38.1158C23.5378 38.232 23.5012 38.3648 23.5012 38.5001C23.5012 38.6354 23.5378 38.7682 23.6071 38.8843C23.6765 39.0005 23.7759 39.0958 23.895 39.1601L33.645 44.4101C33.866 44.5301 34.134 44.5301 34.355 44.4101L44.105 39.1601C44.2241 39.0958 44.3235 39.0005 44.3928 38.8843C44.4622 38.7682 44.4988 38.6354 44.4988 38.5001C44.4988 38.3648 44.4622 38.232 44.3928 38.1158C44.3235 37.9996 44.2241 37.9043 44.105 37.8401L42.735 37.1021L35.067 41.2321C34.739 41.4085 34.3723 41.5008 33.9999 41.5007C33.6274 41.5005 33.2608 41.4079 32.933 41.2311Z"
        fill="currentColor"
      />
    </Icon>
  )
}
